{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="col-md-12">
        <div class="jumbotron">
            <h1 class="display-4">欢迎使用UI自动化测试平台</h1>
            <p class="lead">这是一个基于Flask、Selenium和MySQL构建的Web UI自动化测试平台。</p>
            <hr class="my-4">
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body text-center">
                            <i class="bi bi-card-list" style="font-size: 3rem;"></i>
                            <h5 class="card-title">测试用例管理</h5>
                            <p class="card-text">创建、编辑和管理测试用例</p>
                            <a href="{{ url_for('testcases') }}" class="btn btn-primary">进入</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body text-center">
                            <i class="bi bi-collection" style="font-size: 3rem;"></i>
                            <h5 class="card-title">测试套件管理</h5>
                            <p class="card-text">组织测试用例为测试套件</p>
                            <a href="{{ url_for('testsuites') }}" class="btn btn-primary">进入</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body text-center">
                            <i class="bi bi-bar-chart" style="font-size: 3rem;"></i>
                            <h5 class="card-title">测试结果查看</h5>
                            <p class="card-text">查看和分析测试执行结果</p>
                            <a href="{{ url_for('testresults') }}" class="btn btn-primary">进入</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h5>平台介绍</h5>
            </div>
            <div class="card-body">
                <p>本平台提供了完整的UI自动化测试解决方案，包括：</p>
                <ul>
                    <li>测试用例的创建和管理</li>
                    <li>测试套件的组织和执行</li>
                    <li>自动化执行基于Selenium WebDriver</li>
                    <li>测试结果的记录和展示</li>
                    <li>执行日志和截图保存</li>
                </ul>
                <p>技术栈：</p>
                <ul>
                    <li>后端框架：Flask (Python)</li>
                    <li>前端框架：Bootstrap 5</li>
                    <li>自动化驱动：Selenium WebDriver</li>
                    <li>数据库：MySQL</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}